*{
    margin: 0;
    padding: 0;
}
.pingmu,html,body{
    height: 100%;
}
a{
    text-decoration: none;
}
.pingmu{
    display: flex;
    /* height: 46.875rem; */
    flex-direction: column;
    background-color: #6e6c6c;
    justify-content: space-between;
}
.pingmu>header{
    height: 3.625rem;
    background-color: rgb(247, 24, 13);
    justify-content: space-between;
    align-items: center;
    display: flex;
}
header>button{
    background-color: rgba(0, 0, 0, 0);
    border:none;
}
/* .pingmu>header::after{

} */
.pingmu>section{
    flex:1;
    overflow-y: auto;
}
section>.banner1{
    width: 100%;
    height: 9rem;
    background-color: yellow;
}

/* ============================================================================================== */

/* ============================================================================================== */

section>.box1{
    width: 100%;
    height: 6rem;
    background-color: blue;
    background-image: linear-gradient(#f60707, #fbfbff);
}




section>.miaosha{
    display: flex;
    width: 23.125rem;
    height: 4.6875rem;
    background-color: aqua;
    /* align-items:center; */
    /* border-radius: 50px; */
}
.miaosha{
    border: solid 0.1563rem red;
    border-radius: 1.25rem;
    display: flex;
    justify-content: space-between;
}
.miaosha>.miaoshaxinxi{
    background-color: aquamarine;
    height: 100%;
    width: 6rem;
    box-sizing: border-box;
    display: flex;
    border-radius: 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
}
.miaoshaxinxi>p{
    font-size: smaller;
}
.miaosha>.daimiaosha{
    /* background-color: rgb(174, 127, 255); */
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    background-color: #eb86dc;
    overflow: hidden;
    /* justify-content: space-between; */
}
.daimiaosha>ul{
    margin: 3.5px;
    box-sizing: border-box;
    display: flex;
    /* justify-content: space-between; */
    /* margin: 5px; */
    list-style: none;
    /* width: 300%; */
    overflow-x: auto;

}
.daimiaosha li{
    display: flex;
    flex-direction: column;
    /* justify-content: space-around; */
    margin-right: 5px;
    flex-shrink: 0;
}
.daimiaosha img{
    height: 45px;
}













.liulan{
    width: 100%;
    height: 18.75rem;
    background-color: green ;
}
.liulan>ul{
    margin: auto;
    list-style: none;
    column-count: 2;
}
.liulan li{
    margin-bottom: 20px;
    break-inside: avoid;
    background-color: #fff;
}
.liulan img{
    width: 100%;
}










.pingmu>footer{
    height: 3.625rem;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-around;
    border-top: 0.0267rem solid #b2b2b2;
    background-color: red;
}
footer>a{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #9b9b9b;
    font-size: 0.2667rem;
}
footer>a::before{
    font-size: 2rem;
    
}